<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>float</title>
<style>
/* 布局1 */
.box1:after{ content: ''; display: block; clear: both;}
.box1 .side-1{ float: left; width: 200px;}
.box1 .side-2{ margin-left: 200px; }
</style>
</head>
<body>
<!-- 布局1 -->
<div class="box1">
	<div class="side-1">11</div>
	<div class="side-2">22</div>
</div>
</body>
</html>